@charset "UTF-8";
/**
 * 1. https://developer.mozilla.org/zh-CN/docs/CSS/user-select
 *
 * 2. https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-user-select
 *
 * 3. http://msdn.microsoft.com/zh-cn/library/ie/jj152140(v=vs.85).aspx
 *
 * Browser compatibility, https://developer.mozilla.org/zh-CN/docs/CSS/user-select#Browser_compatibility
 */
.textSelectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * Text utilities: Horizontal text alignment
 */
.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.vertical-top {
  vertical-align: top; }

.vertical-bottom {
  vertical-align: bottom; }

.vertical-middle {
  vertical-align: middle; }

.text-indent {
  text-indent: -9999999px; }

/**
 * Text Overflow For Div.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 *
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 *
 * 3. "overflow" value must be different from "visible".
 *
 * @Example:
 *
 * <div class="text-overflow">Text Overflow Testing.</div>
 */
.textOverflow {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow-mode: ellipsis;
  /* text-overflow: ellipsis-word */ /* This is setting the ellipsis after a word. If you need. */
  /* Support:
   *
   * Google Chrome 1.0 (312.3)
   *
   * Firefox (Gecko) 7.0 (7.0)
   *
   * Internet Explorer 6.0
   *
   * Opera 9.0(-o-) 11.0
   *
   * Safari (WebKit) 1.3 (312.3)
   *
   */
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

/**
 * Text Overflow, Special For Table.
 *
 * @Example:
 *
 * <table class="table-text-overflow">
 *
 *     <tr>
 *
 *         <td class="text-overflow">Text Overflow Testing.</td>
 *
 *     </tr>
 *
 * </table>
 *
 */
.tableTextOverflow {
  table-layout: fixed; }

/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */
.textBreak {
  word-break: break-all !important;
  word-wrap: break-word !important; }

/**
 * Hyphenation
 *
 * Internet Explorer 10 and Windows Store apps using JavaScript in Windows 8 introduce support for an important CSS Text Level 3 feature: hyphenation.
 *
 * More, http://msdn.microsoft.com/zh-cn/library/ie/bg124094(v=vs.85).aspx
 */
.msHyphenation {
  -ms-hyphens: auto;
  -ms-hyphenate-limit-zone: 50px;
  -ms-hyphenate-limit-chars: auto;
  -ms-hyphenate-limit-lines: no-limit; }

.hideText {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale; }

a,
button,
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"] {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.border_box,
.border_box:before,
.border_box:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.hide {
  display: none; }

.left img,
.right img {
  display: block;
  max-width: none; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.center {
  margin: 0 auto; }

.xy-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.x-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.y-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.pos-rel {
  position: relative; }

.pos-abs {
  position: absolute; }

/**
 * Clearfix Hack For IE 6/7 Only
 *
 * Include this rule to trigger hasLayout and contain floats.
 *
 */
.clearfix {
  *zoom: 1; }

/**
 * Clearfix Hack For Modern Browsers
 *
 * 1. The space content is one way to avoid an Opera bug when the
 *
 *    contenteditable attribute is included anywhere else in the document.
 *
 *    Otherwise it causes space to appear at the top and bottom of elements
 *
 *    that are clearfixed.
 *
 * 2. The use of `table` rather than `block` is only necessary if using
 *
 *    `:before` to contain the top-margins of child elements.
 *
 */
.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: ""; }

/**
 * Clearfix Hack
 */
.clearfix:after {
  clear: both; }

/**
 * Clean link
 *
 * A link without any text-decoration at all.
 */
.clean-link,
.clean-link:hover,
.clean-link:focus,
.clean-link:active {
  text-decoration: none; }

/**
 * Hover link
 *
 * A link with text decoration.
 */
.hover-link {
  text-decoration: none; }

.hover-link:hover,
.hover-link:focus,
.hover-link:active {
  text-decoration: underline; }

.minHeight-10 {
  min-height: 10px;
  height: auto !important;
  height: 10px; }

.minHeight-30 {
  min-height: 30px;
  height: auto !important;
  height: 30px; }

.minHeight-40 {
  min-height: 40px;
  height: auto !important;
  height: 40px; }

.minHeight-50 {
  min-height: 50px;
  height: auto !important;
  height: 50px; }

.minHeight-100 {
  min-height: 100px;
  height: auto !important;
  height: 100px; }

.minHeight-150 {
  min-height: 150px;
  height: auto !important;
  height: 150px; }

.minHeight-200 {
  min-height: 200px;
  height: auto !important;
  height: 200px; }

.minHeight-250 {
  min-height: 250px;
  height: auto !important;
  height: 250px; }

.minHeight-300 {
  min-height: 300px;
  height: auto !important;
  height: 300px; }

.minHeight-500 {
  min-height: 500px;
  height: auto !important;
  height: 500px; }

.minHeight-750 {
  min-height: 750px;
  height: auto !important;
  height: 750px; }

.minHeight-1000 {
  min-height: 1000px;
  height: auto !important;
  height: 1000px; }

.minHeight-2000 {
  min-height: 2000px;
  height: auto !important;
  height: 2000px; }

.opacity-full {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.opacity-nine-tenths {
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90); }

.opacity-four-fifths {
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); }

.opacity-sevent-tenths {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70); }

.opacity-three-fifths {
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60); }

.opacity-half {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); }

.opacity-two-fifths {
  opacity: 0.4;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40); }

.opacity-three-tenths {
  opacity: 0.3;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30); }

.opacity-fifth {
  opacity: 0.2;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

.opacity-tenth {
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10); }

.opacity-zero {
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0); }

.inputBlockLevel {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bg-fixed-attachment {
  background-attachment: fixed; }

.bg-no-image {
  background-image: none; }

.bg-center-center {
  background-position: center center; }

.bg-no-repeat {
  background-repeat: no-repeat; }

.bg-repeat-x {
  background-repeat: repeat-x; }

.bg-repeat-y {
  background-repeat: repeat-y; }

/* Need <html>ΓÇÖs conditional classes.
 *
 * http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
 */
.ie9 .bg-test-fill-black,
.ie9 .bg-test-fill-grey,
.ie9 .bg-test-fill-blue,
.ie9 .bg-test-fill-red,
.ie9 .bg-test-fill-yellow {
  filter: none; }

.bg-test-fill-radial-gradient {
  background: -webkit-radial-gradient(circle, white, black);
  background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.9));
  background: -moz-radial-gradient(circle, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(circle, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(circle, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.9)));
  background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.9) 100%); }

.bg-test-fill-black {
  background: #4c4c4c;
  background: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #4c4c4c 0%, #131313 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(100%, #131313));
  background: -webkit-linear-gradient(top, #4c4c4c 0%, #131313 100%);
  background: -o-linear-gradient(top, #4c4c4c 0%, #131313 100%);
  background: -ms-linear-gradient(top, #4c4c4c 0%, #131313 100%);
  background: linear-gradient(to bottom, #4c4c4c 0%, #131313 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); }

.bg-test-fill-grey {
  background: #eeeeee;
  background: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); }

.bg-test-fill-blue {
  background: #606c88;
  background: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #606c88), color-stop(100%, #3f4c6b));
  background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
  background: -o-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
  background: -ms-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
  background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); }

.bg-test-fill-red {
  background: #ff3019;
  background: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); }

.bg-test-fill-yellow {
  bbackground: #fefcea;
  background: url(data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWRhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefcea), color-stop(100%, #f1da36));
  background: -webkit-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  background: -o-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  background: -ms-linear-gradient(top, #fefcea 0%, #f1da36 100%);
  background: linear-gradient(to bottom, #fefcea 0%, #f1da36 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); }

.bg-transition {
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }
